 
.content p { 
	font-size: 8pt;
	line-height: 14px;
	text-align: left;
	white-space: nowrap; 
	margin: 0 2px 5px 2px
} 

@media all and (max-width: 570px) {
    .content p { 
        font-size: 11pt;
        line-height: 14px;
        text-align: left;
        white-space: nowrap; 
        margin: 0 2px 5px 2px
    } 
}
.content .tile {  
	background-color: rgba(255,255,255,.5);
	padding: 1px;
	border: none; 
    margin-top: 15px;
    margin-bottom: 55px; 
	border-radius: 8px 8px 8px 8px;
	box-shadow: 3px 3px 5px #000;
	-moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 3px 3px 5px #000;
	/* Force tiles on top of icons.*/
	position: relative;
	z-index: -100;
    padding-top: 20px;
} 

.home-item {
    text-align: right; 
    float: left; 
    min-width:	240px;
    margin-right: 5px;
 }
 
 @media all and (max-width: 1316px) {
     .home-item {
        text-align: right; 
        float: left; 
        min-width:	240px;
        margin-right: 1%;
        width: 24%;
     }
 }
 
ul {
    margin-top: 20px;
    list-style: none;
    margin-left: 0;
} 

@media all and (max-width: 1070px) {
        .home-item {
        text-align: right; 
        float: left; 
        min-width:	240px;
        margin-right: .5%;
        width: 20%;
     }
}

@media all and (max-width: 999px) {
    ul {
        margin-left: 7%; 
    }
 
} 

@media all and (max-width: 809px) {
    ul {
        margin-left: 10%; 
    }
} 

@media all and (max-width: 712px) {
    ul {
        margin-left: 5%; 
    }
} 

@media all and (max-width: 1000px) {
    ul {
        margin-left: 7%; 
    }
     .home-item {
        text-align: right; 
        float: left; 
        min-width:	240px;
        width: 40%;
        margin-right: 1%;
     }
}

@media all and (max-width: 570px) {/*570*/
    .home-item {
        text-align: right; 
        float: left; 
        min-width:	240px;
        width: 48%;
        margin-right: 5px;
    }
    
    ul {
        margin-left: 5%; 
    }
} 

@media all and (max-width: 455px) {
    .home-item {
        text-align: right; 
        float: left; 
        min-width:	240px;
        width: 100%;
        margin-right: 5px;
        
    }
    
    ul {
        margin: 0%;
    }
} 

.tile h6 {
	color: #24333B;
    margin-top: -30px;
    float: left;
    padding-left: 15px;
    padding-top: 10px;
    font-size: 14pt;
    font-weight: bold; 
}

#home-energy-icon {
	background: transparent url(../images/icon-go-low-lg.png) top left
		no-repeat;  
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-energy-icon:hover {
	background: transparent url(../images/icon-go-low-lg-over.png) top left
		no-repeat;
}

#home-activities-icon {
	background: transparent url(../images/icon-scoreboard-lg.png) top left
		no-repeat;  
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-activities-icon:hover {
	background: transparent url(../images/icon-scoreboard-lg-over.png) top
		left no-repeat;
}

#home-news-icon {
	background: transparent url(../images/icon-news-lg.png) top left
		no-repeat; 
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-news-icon:hover {
	background: transparent url(../images/icon-news-lg-over.png) top left
		no-repeat;
}

#home-prizes-icon {
	background: transparent url(../images/icon-prizes-lg.png) top left
		no-repeat; 
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-prizes-icon:hover {
	background: transparent url(../images/icon-prizes-lg-over.png) top left
		no-repeat;
}

#home-help-icon {
	background: transparent url(../images/icon-help-lg.png) top left
		no-repeat; 
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-help-icon:hover {
	background: transparent url(../images/icon-help-lg-over.png) top left
		no-repeat;
}

#home-profile-icon {
	background: transparent url(../images/icon-profile-lg.png) top left
		no-repeat; 
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-profile-icon:hover {
	background: transparent url(../images/icon-profile-lg-over.png) top left
		no-repeat;
}


#home-water-icon {
	background: transparent url(../images/icon-water-lg.png) top left
		no-repeat; 
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-water-icon:hover {
	background: transparent url(../images/icon-water-lg-over.png) top left
		no-repeat;
}

#home-advanced-icon {
	background: transparent url(../images/icon-water-lg.png) top left
		no-repeat; 
    margin-top: -132px;
    margin-left: 50%;
    float: left;
    width: 124px;
	height: 124px;
}

#home-advanced-icon:hover {
	background: transparent url(../images/icon-water-lg-over.png) top left
		no-repeat;
}
/*==============================================================*/
/*=============For tablets, netbooks & small laptops============*/
/*==============================================================*/

@media all and (max-width: 570px) {

.content .tile {  
	background-color: rgba(255,255,255,.5);
	padding: 1px;
	border: none;
	margin-top: 0px;
    margin-bottom: 2px;
	/* 	background-image: -moz-linear-gradient(100% 50% 90deg, #E3E3E3, #A1A1A1); */
	/* 	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#E3E3E3), */
	/* 		to(#BBB) ); */
	border-radius: 8px 8px 8px 8px;
	box-shadow: 3px 3px 5px #000;
	-moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 3px 3px 5px #000;
	/* Force tiles on top of icons.*/
	position: relative;
	z-index: -100;
    padding-top: 20px;
}
 

.home-item {
    text-align: right; 
    float: left; 
    min-width: 190px; 
 }
  

    #home-energy-icon {
        background: transparent url(../images/icon-go-low.png) top left
            no-repeat; 
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-energy-icon:hover {
        background: transparent url(../images/icon-go-low-over.png) top left
            no-repeat;
    }

    #home-activities-icon {
        background: transparent url(../images/icon-scoreboard.png) top left
            no-repeat;
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-activities-icon:hover {
        background: transparent url(../images/icon-scoreboard-over.png) top
            left no-repeat;
    }

    #home-news-icon {
        background: transparent url(../images/icon-news.png) top left
            no-repeat;
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-news-icon:hover {
        background: transparent url(../images/icon-news-over.png) top left
            no-repeat;
    }

    #home-prizes-icon {
        background: transparent url(../images/icon-prizes.png) top left
            no-repeat;
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-prizes-icon:hover {
        background: transparent url(../images/icon-prizes-over.png) top left
            no-repeat;
    }

    #home-help-icon {
        background: transparent url(../images/icon-help.png) top left
            no-repeat;
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-help-icon:hover {
        background: transparent url(../images/icon-help-over.png) top left
            no-repeat;
    }

    #home-profile-icon {
        background: transparent url(../images/icon-profile.png) top left
            no-repeat;
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-profile-icon:hover {
        background: transparent url(../images/icon-profile-over.png) top left
            no-repeat;
    }
    
    #home-water-icon {
	background: transparent url(../images/icon-water.png) top left
		no-repeat;
        float: right;
        margin-top: -56px; 
        width: 56px;
        height: 56px;
    }

    #home-water-icon:hover {
        background: transparent url(../images/icon-water-over.png) top left
            no-repeat;
    }

    #home-advanced-icon {
        background: transparent url(../images/icon-water.png) top left
            no-repeat;
        float: right;
        margin-top: -56px;  
        width: 56px;
        height: 56px; 
    }

    #home-advanced-icon:hover {
        background: transparent url(../images/icon-water-over.png) top left
            no-repeat;
    }
}